<!--榜单组件-->
<template>
  <div class="bd">
    <div class="bd1" v-if="dbs.length!=0">
      <bds v-for="(item,index) in dbs"  
           :key="index"
           :title=item.title
           :pp=item.yi
           :ppp=item.er
           :pppp=item.san
           :src=item.src />
      <div class="bbbd">
         <bdx v-for="(item,index) in bdx" 
           :key="index+9" 
           :src=item.src
           :hs=item.title />
      </div>
    </div>
  </div>
</template>

<script>

import bds from "bczj/sczj/bd/bds.vue";
import bdx from "bczj/sczj/bd/bdx.vue";

import { homelink } from "@/api/api.js";
export default {
  components: {
    bds,
    bdx
  },
  data() {
    return {
      dbs:[],
      bdx:[]
    };
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {
    homelink("/bd", "get").then((data) => {
      //  console.log(data)
      this.dbs = data.data.sds;
      this.bdx = data.data.sdx;
      //  console.log(this.dbs);
    });
  },
};
</script>
<style scoped>
.bd1 {
  padding: 0.1rem 0.1rem;
}
.bbbd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
</style>